<template>
   <!-- <MyStyle></MyStyle> -->
   <!-- <MyStyle2></MyStyle2> -->
   <!-- <MyStyle3></MyStyle3> -->
   <my-header :color="color" :bgcolor="bgcolor" :title="title" ></my-header>
</template>

<script>
import MyHeader from './components/MyHeader.vue'
export default {
  // 组件名称 (建议:每个单词的首字母大写)
   name:'MyApp',
   data(){
      return {
         color:'#fff',
         bgcolor:'blue',
         title:'Hello Vue3!'
      }
   },
   components:{
      'my-header':MyHeader
   }
}
</script>

<style lang="less" scoped>

</style>